<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:jb="http://java.sun.com/jsf/composite/componentes"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"            
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/pages/core/plantilla/plantillaPrincipal.xhtml">
        <ui:define name="contenido">        
            
            <h:form onsubmit="return checkSubmit();"  id="frmPrincipal">
  
                <p:panel id="pnlFiltro" header="#{i18n['categoria.pec.reporte.matriz']}">         
                    <h:panelGrid columns="10" cellspacing="5">
                        <p:commandButton icon="ui-icon ui-icon-search" title="#{i18n['general.button.buscar.filtro.tip']}" accesskey="#{applicationMBean.keyBuscar}"
                                         value="#{i18n['general.button.buscar.filtro']}" ajax="false" 
                                         style="#{applicationMBean.estilosBtnBuscar}" 
                                         actionListener="#{reportesCategoriaPecMBean.buscar(0)}">
                            <f:ajax  render="pgTblReporte"/>
                        </p:commandButton>                          
                        
                        
                         <p:commandButton title="Matriz Kraljic por Procesos"
                                         icon="ui-icon ui-icon-calculator"
                                         style="#{applicationMBean.estilosBtnHistorial}"
                                         value="MATRIZ POR PROCESOS"                                                                                                           
                                         oncomplete="matrizDialog.show()" update=":frmPopupMatriz:pgFormPopupMatriz" 
                                         ajax="true"                                                                                  
                                         actionListener="#{procesoPecMBean.verMatrizGrafica(0)}">                                    
                        </p:commandButton>  
                        <p:commandButton title="Matriz Kraljic por Impacto Presupuestal"
                                         icon="ui-icon ui-icon-calculator"
                                         style="#{applicationMBean.estilosBtnHistorial}"
                                         value="MATRIZ POR IMPACTO"                                                                                                           
                                         oncomplete="matrizDialog.show()" update=":frmPopupMatriz:pgFormPopupMatriz" 
                                         ajax="true"                                                                                  
                                         actionListener="#{procesoPecMBean.verMatrizGrafica(1)}">                                    
                        </p:commandButton>  
                        <p:commandButton   title="VER TODOS LOS PROCESOS"  value="PROCESOS" style="#{applicationMBean.estilosBtnExportarTodos}"
                                                 action="#{procesoPecMBean.allProcess}" ajax="false">
                          
                         </p:commandButton>
                        
                    </h:panelGrid>
                    
                    <h:panelGrid columns="1" id="pgTblReporte">   
                        <p:dataTable id="tblPrincipal"  value="#{reportesCategoriaPecMBean.listaMatriz}" var="dto" paginatorPosition="top"                                     
                                         paginator="true" rows="#{sessionMBean.cantidadRegistros}"  widgetVar="widTable">    
                            
                            <p:column headerText="#{i18n['proceso.pec.cuadrante']}"  styleClass="general" style="text-align: left;" sortBy="#{dto.cuadranteDto.descripcionCorta}">
                                    <h:outputText value="#{dto.cuadranteDto.descripcion}" styleClass="general" />
                                </p:column>      
                            
                                <p:column headerText="#{i18n['proceso.pec.categoria']}" styleClass="general" style="text-align: left;" sortBy="#{dto.categoriaDto.descripcionCorta}">
                                    <h:outputText value="#{dto.categoriaDto.descripcion}" styleClass="general" />
                                </p:column>                           
                                                 
                           
                             <p:column headerText="#{i18n['proceso.pec.impactoPresupuestal']}"  styleClass="general" style="text-align: right;" sortBy="#{dto.impactoPresupuestal}">
                                <h:outputText value="#{dto.impactoPresupuestal}" styleClass="general">
                                     <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                </h:outputText>    
                            </p:column>    
                            <p:column headerText="#{i18n['proceso.pec.dificultadAbastecimiento']}"  styleClass="general" style="text-align: right;">
                                <h:outputText value="#{dto.dificultadAbastecimiento}" styleClass="general">       
                                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                </h:outputText>    
                            </p:column>    
                            <p:column headerText="#{i18n['categoria.pec.reporte.matriz.cantidad']}"  styleClass="general" style="text-align: center;">                                                                   
                                <p:commandButton   title="VER PROCESOS"  value="#{dto.cantidad.toString()}"
                                                 action="#{procesoPecMBean.detalle}" ajax="false">
                                    <f:setPropertyActionListener value="#{dto}" target="#{procesoPecMBean.matrizDto}" />                                                                    
                                </p:commandButton>
                            </p:column>    
                         </p:dataTable> 
                        
                    </h:panelGrid>
                </p:panel>
            </h:form> 
            <p:dialog id="idDlgMatriz" header="#{i18n['categoria.pec.reporte.matriz.titulo']}" widgetVar="matrizDialog" resizable="false"  
                      width="1200" height="480" modal="true">                        
                <ui:include src="/pages/pec/reporte/matriz.xhtml" /> 
            </p:dialog>
           
            
            
        </ui:define>
    </ui:composition>
</html>